/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 12 févr. 2014, 20:13:28
    Author     : Guillaume
*/

$color_order: #c4ecc9;
$color_default:#000;
$color_hover: #e9e9e9;

.clearfix {
    clear:both;
}

.sous-titres {
    
    overflow-y:scroll;
    
    .order {
        background:$color_order;
        color:$color_default;
    }
    
    .item-srt {
        
        display:flex;
        cursor:pointer;
        
        div {
            padding:1px 5px;
            text-align:center;
        }
        
        div.content {
            text-align:left;
            min-width:0;
            flex: 18;
            white-space:nowrap;
            text-overflow:ellipsis;
            overflow:hidden;
           
            .comments {
                display:none;
            }
        }
        
        div.order {
            width:40px;
        }
        
        div.style {
            width:60px;
            white-space:nowrap;
            text-overflow:ellipsis;
            flex: 1;
            overflow:hidden;
        }
    }
    
    .item-srt:hover {
        background: $color_hover;
    }
} 

form[name="srt"] {
    
    margin-bottom: 10px;
    
    textarea, 
    input,
    select {
        padding:5px;
        border:1px solid #e9e9e9;
        margin-bottom:5px;
    }
    
    .style-container, .start-container, .end-container {
        float:left;
        margin-right:15px;
    }
    
    #srt_start,
    #srt_end {
        width:80px;
    }
}


